@import '../../assets/styles/vars.less';

.search-wrapper {
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  padding: @base-size @base-size * 2;
  font-size: @text-size-small;
  background: @theme-color;

  .location {
    flex: 0 0 120px;
    display: flex;
    align-items: center;
    padding: 0 @base-size;
    margin-right: @base-size;
    height: @base-size * 4;
    color: #FFFFFF;
    background: @theme-color-deep;
    border-radius: 4px;
    overflow: hidden;
  }

  .search {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    height: @base-size * 4;
    color: @text-color-light;
    background: #FFFFFF;
    border-radius: 4px;
    overflow: hidden;
  }

  .text {
    .no-wrap();
  }
}
